<template>
  <div class="pp">
    <el-card class="box-card" style="width: 20%">
      <img src="../image/erweima.jpg" class="image" style="width: 100%" />
      <hr />
      <span style="margin-left: 25px">欢迎关注我们的QQ号</span>
    </el-card>

    <el-card class="box-card" style="width: 20%">
      <img src="../image/erweima2.jpg" class="image" style="width: 100%" />
      <hr />
      <span style="margin-left: 25px">欢迎关注我们的微信号</span>
    </el-card>

    <el-card class="box-card" style="width: 20%">
      <img src="../image/erweima3.jpg" class="image" style="width: 100%" />
      <hr />
      <span style="margin-left: 25px">欢迎关注我们的公众号</span>
    </el-card>
  </div>
</template>

<script>
export default {};
</script>
<style scoped>
.pp {
  /* 让他们变成一个容器（块） */
  display: flex;
  /* 横着排序（放） */
  flex-direction: row;
  /* 内容中间对齐方式小间隙 */
  justify-content: space-around;
  margin-top: 120px;
}
</style>